<script lang="ts" setup>
import { Icon } from '@xcan-angus/vue-ui';
import { useI18n } from 'vue-i18n';

const { t } = useI18n();
</script>
<template>
  <div class="flex content items-center flex-1 mr-30">
    <img src="../../../assets/images/home/script.svg" class="w-45 h-45" />
    <div class="ml-3.25 text-content flex-1 font-serif">
      <div class="text-3.5 font-semibold">{{ t('scriptHome.introduce.description') }}</div>

      <div class="mt-3">
        <Icon icon="icon-duihaolv" class="mr-2.5" />
        <span class="text-3.5">{{ t('scriptHome.introduce.workItems.testScript') }}</span>
      </div>

      <div class="mt-1">
        <Icon icon="icon-duihaolv" class="mr-2.5" />
        <span class="text-3.5">{{ t('scriptHome.introduce.workItems.mockScript') }}</span>
      </div>
    </div>
  </div>
</template>
